<!DOCTYPE html>
<html dir="ltr" lang="en-US"><head><!-- Created by Artisteer v4.1.0.59861 -->
    <meta charset="utf-8">
    <title>Home</title>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

    <!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="style.css" media="screen">
    <!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
    <link rel="stylesheet" href="style.responsive.css" media="all">


    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">


<script>jQuery(function($) {
    'use strict';
    if ($.fn.slider) {
        $(".art-slidecontainerac7f453543fe40b6bdf0641a198ad97c").each(function () {
            var slideContainer = $(this), tmp;
            var inner = $(".art-slider-inner", slideContainer);
            var helper = null;

            if ($.support.transition) {
                helper = new BackgroundHelper();
                helper.init("fade", "next", $(".art-slide-item", inner).first().css($.support.transition.prefix + "transition-duration"));
                inner.children().each(function () {
                    helper.processSlide($(this));
                });

            }


            inner.children().eq(0).addClass("active");
            slideContainer.slider({
                pause: 2600,
                speed: 600,
                repeat: true,
                animation: "fade",
                direction: "next",
                navigator: slideContainer.siblings(".art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c"),
                helper: helper                
            });
        });
    }
});
</script><style>.art-content .art-postcontent-0 .layout-item-0 { margin-bottom: 20px;  }
.art-content .art-postcontent-0 .layout-item-1 { color: #D3DDDE; background: #258DA2;  }
.art-content .art-postcontent-0 .layout-item-2 { color: #D3DDDE; padding: 0px;  }
.art-content .art-postcontent-0 .layout-item-3 { padding: 10px;  }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c {
    position: relative;
        width: 640px;
    height: 426px;
        }

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .art-slide-item
{

}



.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .art-slide-item {
    -webkit-transition: 600ms ease-in-out opacity;
    -moz-transition: 600ms ease-in-out opacity;
    -ms-transition: 600ms ease-in-out opacity;
    -o-transition: 600ms ease-in-out opacity;
    transition: 600ms ease-in-out opacity;
    position: absolute;
    display: none;
	left: 0;
	top: 0;
	opacity: 0;
    width:  100%;
    height: 100%;
}

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .next, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .prev {
    display: block;
}

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active {
    opacity: 1;
}

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .next, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .prev {
    width: 100%;
}

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .next.forward, .art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .prev.back {
    opacity: 1;
}

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active.forward {
    opacity: 0;
}

.art-slidecontainerac7f453543fe40b6bdf0641a198ad97c .active.back {
    opacity: 0;
}


.art-slideac7f453543fe40b6bdf0641a198ad97c0 {
    background-image:  url('images/slideac7f453543fe40b6bdf0641a198ad97c0.jpg');
        background-size:  100%;
        background-position:  0 0;
    background-repeat: no-repeat;
}
.art-slideac7f453543fe40b6bdf0641a198ad97c1 {
    background-image:  url('images/slideac7f453543fe40b6bdf0641a198ad97c1.jpg');
        background-size:  100%;
        background-position:  0 0;
    background-repeat: no-repeat;
}
.art-slideac7f453543fe40b6bdf0641a198ad97c2 {
    background-image:  url('images/slideac7f453543fe40b6bdf0641a198ad97c2.jpg');
        background-size:  100%;
        background-position:  0 0;
    background-repeat: no-repeat;
}


.art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c {
  display: inline-block;
  position: absolute;
  direction: ltr !important;
  top: 402px;
  left: 89.84%;
  z-index: 101;
  line-height: 0 !important;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
    white-space: nowrap;
    }
.art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c
{
background: #B8C1C1;background: linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;background: -webkit-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;background: -o-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;background: linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(228, 231, 231, 0.6) 0, rgba(140, 155, 155, 0.6) 100%) no-repeat;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;


padding:7px;





}
.art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c > a
{
background: #6F807F;background: #6F807F;background: #6F807F;background: #6F807F;background: #6F807F;background: #6F807F;background: #6F807F;-svg-background: #6F807F;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;



margin:0 10px 0 0;

width: 10px;

height: 10px;
}
.art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c > a.active
{
background: #C1CFD1;background: #C1CFD1;background: #C1CFD1;background: #C1CFD1;background: #C1CFD1;background: #C1CFD1;background: #C1CFD1;-svg-background: #C1CFD1;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;



margin:0 10px 0 0;

width: 10px;

height: 10px;
}
.art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c > a:hover
{
background: #5D7A7E;background: #5D7A7E;background: #5D7A7E;background: #5D7A7E;background: #5D7A7E;background: #5D7A7E;background: #5D7A7E;-svg-background: #5D7A7E;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;



margin:0 10px 0 0;

width: 10px;

height: 10px;
}

</style></head>
<body>
<div id="art-main">
<header class="art-header">


    <div class="art-shapes">
<div class="art-object97376050" data-left="0.5%"></div>

            </div>
<h1 class="art-headline" data-left="37.18%">
    <a href="#">ระบบบันทึกคำวินิจฉัย</a>
</h1>
<h2 class="art-slogan" data-left="29.39%">คำร้อง และการดำเนินคดีในศาล</h2>




                        
                    
</header>
<nav class="art-nav">
    <div class="art-nav-inner">
    <ul class="art-hmenu"><li><a href="home.html" class="active">Home</a></li><li><a href="contacts.html">Contacts</a></li><li><a href="login.html">Login</a></li></ul> 
        </div>
    </nav>
<div class="art-sheet clearfix">
            <div class="art-layout-wrapper">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-content"><article class="art-post art-article">
                                
                                                
                <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout-wrapper layout-item-0">
<div class="art-content-layout layout-item-1">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-2" style="width: 100%" >
<div id="ac7f453543fe40b6bdf0641a198ad97c" style="position: relative; display: inline-block; z-index: 0; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;  border-width: 0px;  float: left;" class="art-collage">
<div class="art-slider art-slidecontainerac7f453543fe40b6bdf0641a198ad97c" data-width="640" data-height="426">
    <div class="art-slider-inner">
<div class="art-slide-item art-slideac7f453543fe40b6bdf0641a198ad97c0">

</div>
<div class="art-slide-item art-slideac7f453543fe40b6bdf0641a198ad97c1">

</div>
<div class="art-slide-item art-slideac7f453543fe40b6bdf0641a198ad97c2">

</div>

    </div>
</div>
<div class="art-slidenavigator art-slidenavigatorac7f453543fe40b6bdf0641a198ad97c" data-left="89.84">
<a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a>
</div>



    </div>

        
         
         
         
         
         
         
         
        <h4><span style="font-family: Tahoma; text-shadow: rgba(23, 23, 23, 0.496094) 1.4px 1.4px 0px;">รายงานภาพรวม</span></h4>
        <hr style="border:none;background-color:#3dbfd9;color:#3dbfd9;height:2px;">
         
        <p><strong>รายงานภาพรวม</strong> สามารถดูรายงานสรุปภาพรวมต่างๆ ได้ที่&nbsp;</p><p><a href="http://localhost:8084/report.xhtml">เพิ่มเติม</a></p><br>
         
        <p><br></p>
    </div>
    </div>
</div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell layout-item-3" style="width: 21%" >
        <h3 style="text-align: center;padding-bottom: 10px;border-bottom:1px solid #c7c7c7">คู่มือการใช้งาน</h3>
        <ul>
        <li>Nulla blandit</li>
        <li>Duis ut neque lacus</li>
        <li>Aliquam pretium venenatis</li>
        <li>Nulla vitae neque ut augue</li>
        <li>Nullam tincidunt leo</li>
        <li>Suspendisse luctus</li>
        <li>Pellentesque ut tortor nibh</li>
        <li>Proin sit amet metus diam</li>
        <li>Praesent varius porta eros</li>
        <li>Vestibulum est lectus</li>
        <li>Fermentum sed pulvina</li>
        </ul>
    </div><div class="art-layout-cell layout-item-3" style="width: 23%" >
        <h3 style="text-align: center;padding-bottom: 10px;border-bottom:1px solid #c7c7c7">คำถามที่พบบ่อย</h3>
        <p>Curabitur bibendum, ipsum sed dignissim aliquam, arcu odio mattis elit, et sagittis risus est a mi. Quisque ut venenatis dui.</p>
        <p><a href="#">Read more</a></p>
        <p>Praesent molestie laoreet imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        <p><a href="#">Read more</a></p>
        <p>Nunc ultricies tincidunt elit eu ullamcorper. Vestibulum luctus ullamcorper accumsan. Cras tincidunt, nisl in laoreet.</p>
        <p><a href="#">Read more</a></p>
    </div><div class="art-layout-cell layout-item-3" style="width: 35%" >
        <h3 style="text-align: center;padding-bottom: 10px;border-bottom:1px solid #c7c7c7">แจ้งปัญหาการใช้งาน</h3>
        <p><img width="324" height="213" alt="" src="images/contnt-image.jpg" class=""></p>
        <p>Vestibulum luctus ullamcorper accumsan. Cras tincidunt, nisl in laoreet tempus, diam nisi lobortis risus, sed tristique sapien arcu at tortor. Mauris lobortis facilisis justo id bibendum.</p>
        <p><a href="#">Read more</a></p>
    </div><div class="art-layout-cell layout-item-3" style="width: 19%" >
        <h3 style="text-align: center;padding-bottom: 10px;border-bottom:1px solid #c7c7c7">ติดต่อเรา</h3>
        <p><img width="64" height="64" alt="" src="images/1310400548_rss-2.png" style="float: left;margin-right: 10px" class=""></p>
        <p style="padding: 25px"><a href="#">RSS</a></p>
        <p><img width="64" height="64" alt="" src="images/1310475954_twitter.png" style="float: left;margin-right: 10px" class=""></p>
        <p style="padding: 25px"><a href="#">Twitter</a></p>
        <p><img width="64" height="64" alt="" src="images/1310475956_facebook.png" style="float: left;margin-right: 10px"></p>
        <p style="padding: 25px"><a href="#">Facebook</a></p>
        <p><img width="64" height="64" alt="" src="images/1310983297_youtube.png" style="float: left;margin-right: 10px"></p>
        <p style="padding: 25px"><a href="#">YouTube</a></p>
    </div>
    </div>
</div>
</div>
                                
                

</article></div>
                    </div>
                </div>
            </div>
    </div>
<footer class="art-footer">
  <div class="art-footer-inner">
<p><a href="http://www.wpzoom.com/"></a></p>

<p><a href="http://www.ect.go.th/th/" target="_blank">สำนักงานคณะกรรมการการเลือกตั้ง</a>
 เลขที่ 120 ม.3 ชั้น 2 อาคารรวมหน่วยราชการ บี&nbsp;&nbsp;ศูนย์ราชการเฉลิมพระเกียรติ 80 พรรษา 5 ธันวาคม 2550&nbsp;</p><p>&nbsp;ถ.แจ้งวัฒนะ แขวงทุ่งสองห้อง เขตหลักสี่ กรุงเทพ 10210
 โทร 0-2141-8888 อีเมล์ dav@ect.go.th<a href="http://www.wpzoom.com/"></a>&nbsp;</p>
    <p class="art-page-footer">
        <span id="art-footnote-links"><a href="http://www.artisteer.com/" target="_blank">Web Template</a> created with Artisteer.</span>
    </p>
  </div>
</footer>

</div>


</body></html>